<template>
	<view class="repair-input">
		<view class="input-left" @tap="openList" v-if="isMore">
			{{moreList}}
			<view class="category">
				<image src="../static/groups.png" mode=""></image>
			</view>
		</view>
		<view class="input-right">
			<input type="text"  disabled="true" @tap="jump_serach" placeholder-style="font-size: 28rpx;color: #C6C7CB;" :placeholder="isMore?'输入客户名称或者工单号或者序号':'搜索'"
				 />
			<image src="../static/serach.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		name: "head_class",
		props: {
			moreList: String,
			isMore:{
				type:Boolean,
				default:true
			},
		},
		
		data() {
			return {

			};
		},
		mounted() {
		
		},
		methods: {
			/* 选择类目 */
			openList() {
				this.$parent.more()
			},
			/* 搜索医院 */
			jump_serach(){
				console.log(1);
				uni.navigateTo({
					url:'/pages/serach/serach'
				})
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	.repair-input {
		display: flex;
		align-items: center;
		margin-bottom: 32rpx;

		.input-left {
			font-size: 32rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 600;
			color: #303030;
			margin-right: 56rpx;
			position: relative;



			.category {
				position: absolute;
				right: -42rpx;
				top: 0rpx;

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}
		}

		.input-right {
			flex: 1;
			background-color: #FFFFFF;
			border-radius: 88rpx;
			padding: 26rpx 100rpx;
			height: 40rpx;
			position: relative;

			image {
				width: 48rpx;
				height: 48rpx;
				position: absolute;
				left: 20rpx;
				top: 50%;
				margin-top: -24rpx;
			}

			input {
				height: 100%;
			}
		}
	}
</style>
